
<?php 
$pageTitle = "Home";
include_once "common/header.php"; 
include_once "common/inc/class.content.inc.php";
$content = new PageContent($db);

?>

	<link href='http://fonts.googleapis.com/css?family=Dosis:300' rel='stylesheet' type='text/css'>
		<link rel="stylesheet" type="text/css" media="screen" href="css/als/als_demo.css" />
		<script type="text/javascript" src="scripts/als/jquery-1.9.1.min.js"></script>
		<script type="text/javascript" src="scripts/als/jquery.alsEN-1.2d.js"></script>
		

	<script>
		  $(document).ready(function(){

				$("#lista1").als({
					visible_items: 5,
					scrolling_items: 2,
					orientation: "horizontal",
					circular: "yes",
					autoscroll: "no",
					interval: 5000,
					direction: "right",
					start_from: 0
				});
				
				$("#lista3").als({
					visible_items: 5,
					scrolling_items: 2,
					orientation: "horizontal",
					circular: "yes",
					autoscroll: "no",
					interval: 5000,
					direction: "right",
					start_from: 0
				});
				
				
				
				$("#lista2").als({
					visible_items: 3,
					scrolling_items: 1,
					orientation: "horizontal",
					circular: "yes",
					autoscroll: "no",
					direction: "right",
					start_from: 0
				});
				
				 });  
	</script>
	<div id ="welcome_area">
		<div id="welcome_content">

		<aside>
		<h2 id="header">Unleash your stories <br /> start sharing and reach your audience </h2>
		<p>A Marketplace for independent comic book authors. Sign up for Beta<p>
		<a id="start" href="signup.php">Start Here!</a>
		</aside>
		<span id="promo"></span>
		
		</div>
	</div>
	
	<div id="featured_area">
	
				<p class ="tag">Featured & Noteworthy</p>

		<div id="lista2" class="als-container">
				<span class="als-prev"><img src="images/als/thin_left_arrow_333.png" alt="prev" title="previous" /></span>
				<div class="als-viewport">
					<ul class="als-wrapper">
						
						<?php
							$content->getNewBlocks();
						?>

					</ul>
				</div>
				<span class="als-next"><img src="images/als/thin_right_arrow_333.png" alt="next" title="next" /></span>
			</div>
		
	</div>

 <section id="content">
	
		
            <article id="main_blocks">
            	
			<div id="fp_gallery" class="fp_gallery">

			
				<p class ="tag">New & Updated</p>

			
		</div>
		
		<div id="lista1" class="als-container">
				<span class="als-prev"><img src="images/als/thin_left_arrow_333.png" alt="prev" title="previous" /></span>
				<div class="als-viewport">
					<ul class="als-wrapper">
						<?php
							$content->getNewBlocks();
						?>
					</ul>
				</div>
				<span class="als-next"><img src="images/als/thin_right_arrow_333.png" alt="next" title="next" /></span>
			</div>

    </article>
	
	            <article id="main_blocks">
            	
			<div id="fp_gallery" class="fp_gallery">


			<p class ="tag">Popular</p>
			
		</div>
		
		<div id="lista3" class="als-container">
				<span class="als-prev"><img src="images/als/thin_left_arrow_333.png" alt="prev" title="previous" /></span>
				<div class="als-viewport">
					<ul class="als-wrapper">
						<?php
							$content->getNewBlocks();
						?>
					</ul>
				</div>
				<span class="als-next"><img src="images/als/thin_right_arrow_333.png" alt="next" title="next" /></span>
			</div>

    </article>
	<div class ="widget-container">
	<div id="sum_content">

	</div>		
	</div>
	</div>
    </section>
	<section id="content_2">
		<div id="series">
			<p class ="tag">Series</p>
			<div id="series_container">
			<ul id="series_list">
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			</ul>
			</div>
		</div>
			
	</section>
	<footer>
	
	</footer>
</body>
</html>
